<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div id="app">
            <h1>获奖名单：</h1>
            <div v-for="(item,i) in arr" :key="i">第{{i}}位：{{item}}</div>
            <h2>详情：</h2>
			<ol>
                <li v-for="(value, key) in obj" :key="key">{{ key }}: {{ value }}</li>
            </ol>
			<ul>
				<li v-for="i in count" :key="i">{{ i }}</li>
			</ul>
		</div>
        
        <script src="../js/vue.js"></script>
        <script>
            var vm = new Vue({
                el:'#app',
                data:{
                    arr: ["张三", "李四", "王五"],
					obj: {
						name:'张三',
						age:18,
						gender:'男'
						},
					count: 5
                }
            })
        </script>
    </body>
</html>